<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<base href="<%=basePath%>" />
	<link rel="stylesheet" type="text/css" href="<%=basePath%>resource/css/common.css" />
	<link rel="stylesheet" type="text/css" href="<%=basePath%>resource/css/home.css" />
	<script type="text/javascript" src="<%=basePath%>resource/js/jquery-1.10.2.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="<%=basePath%>resource/js/base.js" defer="defer"></script>
</head>
<body>
<jsp:include page="./header.jsp" />
<div class="content">
<div class="content_bar bar">
	<div class="div_1 content_div">
		<div id="slider" class="slider">
			<img src="<%=basePath%>resource/images/p1.jpg" width="740" height="290" alt="享受这一刻的舒适" title="享受这一刻的舒适" />
			<img src="<%=basePath%>resource/images/p2.jpg" width="740" height="290" alt="享受这一刻的舒适" title="享受这一刻的舒适" />
			<img src="<%=basePath%>resource/images/p3.jpg" width="740" height="290" alt="享受这一刻的舒适" title="享受这一刻的舒适" />
		</div>
	</div>
	<div class="div_2 content_div">
		<div class="article">
			<ul class="tab">
				<li class="current"><a href="#">商城动态</a></li>
				<li><a href="#">活动促销</a></li>
				<li class="last"><a href="#">购物指南</a></li>
			</ul>
			<ul class="tabContent">
				<li>
					<a href="#">商城开张,全场8折</a>
				</li>
				<li>
					<a href="#">秋季新茶,不容错过</a>
				</li>
				<li>
					<a href="#">招贤纳士</a>
				</li>
				<li>
					<a href="#">想要你就说</a>
				</li>
				<li>
					<a href="#">喜迎店铺开张8折大优惠</a>
				</li>
			</ul>
			<ul class="tabContent" style="display: none;">
				<li>
					<a>商城开张,全场8折</a>
				</li>
			</ul>
			<ul class="tabContent" style="display: none;">
				<li>
					<a>商城开张,全场8折</a>
				</li>
			</ul>
		</div>
		<div class="advertise">
			<img src="<%=basePath%>resource/images/p4.png" width="230" height="106" alt="秋季新品" title="秋季新品" />
		</div>
	</div>
	<div class="div_3 content_div">
		<div class="category">
			<div class="title">
				<a href="#">所有分类</a>
				<strong>热门分类</strong>CATEGORY
			</div>
			<div class="cat_content">
				<table>
					<tr>
						<th>
							<a href="#">乌龙茶</a>
						</th>
						<td>
							<a href="#">铁观音</a>
							<a href="#">大红袍</a>
							<a href="#">肉桂</a>
							<a href="#">水仙</a>
							<a href="#">台湾高山茶</a>
							<a href="#">黑乌龙</a>
							<a href="#">奇兰</a>
						</td>
					</tr>
					<tr>
						<th>
							<a href="#">绿茶</a>
						</th>
						<td>
							<a href="#">西湖龙井</a>
							<a href="#">信阳毛尖</a>
							<a href="#">碧螺春</a>
							<a href="#">日照绿茶</a>
							<a href="#">雀舌</a>
							<a href="#">黄山毛峰</a>
							<a href="#">竹叶青</a>
						</td>
					</tr>
					<tr>
						<th>
							<a href="#">绿茶</a>
						</th>
						<td>
							<a href="#">西湖龙井</a>
							<a href="#">信阳毛尖</a>
							<a href="#">碧螺春</a>
							<a href="#">日照绿茶</a>
							<a href="#">雀舌</a>
							<a href="#">黄山毛峰</a>
							<a href="#">竹叶青</a>
						</td>
					</tr>
					<tr class="last">
						<th>
							<a href="#">花草茶</a>
						</th>
						<td>
							<a href="#">茉莉花茶</a>
							<a href="#">玫瑰花茶</a>
							<a href="#">大麦茶</a>
							<a href="#">荷叶茶</a>
							<a href="#">薄荷茶</a>
							<a href="#">荞麦茶</a>
							<a href="#">兰香子</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div class="div_4 content_div">
		<div class="flashSale">
			<ul class="tab">
				<li class="current">
					<a href="#" target="_blank">限时抢购</a>
				</li>
				<li>
					<a href="#" target="_blank">双倍积分</a>
				</li>
			</ul>
			<ul class="tabContent">
				<li>
					<span class="info">
						剩余时间: <strong>5</strong> 天 <strong>12</strong> 时 <strong>30</strong> 分
					</span>
					<div class="product">
						<img src="<%=basePath%>resource/images/tgy.jpg" alt="铁观音" />
						<a href="#" title="秋季新茶铁观音" target="_blank">秋季新茶铁观音</a>
						<div>
							市场价:
							<del>￥350.00</del>
						</div>
					</div>
					<div>
						销售价:
						<strong class="money">￥199.00</strong>
					</div>
				</li>
				<li class="last">
					<span class="info">
						剩余时间: <strong>5</strong> 天 <strong>12</strong> 时 <strong>30</strong> 分
					</span>
					<div class="product">
						<img src="<%=basePath%>resource/images/tgy2.jpg" alt="铁观音" />
						<a href="#" title="秋季新茶铁观音" target="_blank">秋季新茶铁观音</a>
						<div>
							市场价:
							<del>￥350.00</del>
						</div>
					</div>
					<div>
						销售价:
						<strong class="money">￥199.00</strong>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="div_5 content_div">
		<div class="middleAd">
			<img src="<%=basePath %>resource/images/ad03.jpg" width="980px" height="84" />
		</div>
	</div>
	<div class="div_6 content_div">
		<div class="hotProduct">
			<div class="title">
				<strong>热门商品</strong>HOT
			</div>
			<ul class="tab">
				<li>
					<a href="#" target="_blank">乌龙茶</a>
				</li>
				<li>
					<a href="#" target="_blank">绿茶</a>
				</li>
				<li class="current">
					<a href="#" target="_blank">花茶</a>
				</li>
			</ul>
			<div class="hotProductAd">
				<img src="<%=basePath %>resource/images/hotad01.jpg" width="260px" height="340px" />
			</div>
			<ul class="tabContent">
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p02.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p03.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p04.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p05.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p02.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p04.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p03.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p09.jpg" alt="" />
					</a>
				</li>
			</ul>
		</div>
		<div class="hotProduct">
			<div class="title">
				<strong>最新商品</strong>NEW
			</div>
			<ul class="tab">
				<li class="current">
					<a href="#" target="_blank">乌龙茶</a>
				</li>
				<li>
					<a href="#" target="_blank">绿茶</a>
				</li>
				<li>
					<a href="#" target="_blank">花茶</a>
				</li>
			</ul>
			<div class="hotProductAd">
				<img src="<%=basePath %>resource/images/hotad02.jpg" width="260px" height="340px" />
			</div>
			<ul class="tabContent">
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p14.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p17.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p14.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p17.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p15.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p15.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p18.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="#" title="" target="_blank">
						<img src="<%=basePath %>resource/images/p18.jpg" alt="" />
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="div_7 content_div">
		<div class="friendLink">
			<dl>
				<dt>合作伙伴</dt>
				<dd>
					<a href="#" target="_blank">友间官网</a> | </dd>
				<dd>
					<a href="#" target="_blank">友间论坛</a> | </dd>
				<dd>
					<a href="#" target="_blank">支付宝</a> | </dd>
				<dd>
					<a href="#" target="_blank">财付通</a> | </dd>
				<dd>
					<a href="#" target="_blank">银联在线</a> | </dd>
				<dd>
					<a href="#" target="_blank">快钱支付</a> | </dd>
				<dd>
					<a href="#" target="_blank">A5下载</a> | </dd>
				<dd>
					<a href="#" target="_blank">快递100</a> | </dd>
				<dd>
					<a href="http://www.cnzz.com" target="_blank">站长统计</a>
				</dd>
				<dd class="more">
					<a href="#">更多</a>
				</dd>
			</dl>
		</div>
	</div>
</div>
</div>
<jsp:include page="./footer.jsp" />
</body>
</html>